<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>品牌详情</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./lib/fontawesome/css/font-awesome.css">
    <link rel="stylesheet" href="./lib//mui/css/mui.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/brand.css">


</head>

<body>
    <div class="mmm_view">
        <!-- 头部 -->
        @@include('header.html')

        <!-- 面包屑导航 -->
        <div class="product_title"></div>


        <!-- 品牌列表 -->
        <div class="brand_list">
            <!-- 品牌哪个好 -->
            <div class="product_title">平板电视哪个牌子好</div>
            <!-- 列表 -->
            <div class="brand_product">
                <ul class="product_list">

                </ul>
            </div>
        </div>

        <!-- 销量排行列表 -->
        <div class="sales_list">
            <!-- 销量排行标题 -->
            <div class="salesList_title">平板电视产品销量排行</div>
            <!-- 销量排行列表 -->
            <div class="salesList_product">
                <ul class="salesList_info">

                </ul>

            </div>
        </div>

        <!--最新评论 -->
        <div class="comment_list">
            <div class="comment_title">平板电视最新评论</div>
            <div class="comment_info">
                <ul class="commentInList">
                    
                </ul>
            </div>
        </div>

        <!-- 底部 -->
        @@include('footer.html')
    </div>
</body>

<!-- 品牌列表模板引擎开始 -->
<script type="text/html" id="productTpl">
{{each arr item index}}
<li>
    <a href="javascript:;">
        <em>{{index+1}}</em>
        <div class="inner">
            <div class="tit">{{item.brandName}}</div>
            <p>{{item.brandInfo}}</p>
        </div>
    </a>
</li>
{{/each}}

</script>

<!-- 品牌列表模板引擎结束 -->

<!-- 销售排行模板引擎开始 -->
<script type="text/html" id="salesListTpl">
    {{each arr item2 index}}
    <li>
            <a href="javascript:;">
               {{@item2.productImg}}
            </a>
            <div class="salesInfo">
                <h5>{{item2.productName}}</h5>
                <p class="price">{{item2.productPrice}}</p>
                <em>{{item2.productQuote}}</em>
                <em>{{item2.productCom}}</em>
            </div>
        </li>
    {{/each}}
</script>
<!-- 销售排行模板引擎结束 -->


<!-- 最新评论模板引擎开始 -->
<script type="text/html" id="commentListTpl">
{{each arr item3 index}}
<li>
    <a href="javascript:;">
        <img src="http://pro.zuyushop.com:8015/ProPic/201510/Thumb/Thumb_201510001104382491.jpg"
            alt="">

        <div class="salesInfo">
            <h5>乐视TV(Letv) 超3 X55 55英寸智能LED液晶 超级电视 4K超清电视</h5>
        </div>
    </a>
    <div class="contentInfo">
        <div class="userName">
            <span class="name1">{{item3.comName}}</span>
            <span class="star">
                <i class="mui-icon mui-icon-starhalf"></i>
                <i class="mui-icon mui-icon-starhalf"></i>
                <i class="mui-icon mui-icon-starhalf"></i>
                <i class="mui-icon mui-icon-starhalf"></i>
                <i class="mui-icon mui-icon-starhalf"></i>
            </span>
            <em class="date1">{{item3.comTime}}</em>
        </div>

        <div class="content">{{item3.comContent}}</div>
    </div>
</li>
{{/each}}

</script>

<!-- 最新评论模板引擎结束 -->
<script src="./lib/mui/js/mui.js"></script>
<script src="./lib/zepto/zepto.js"></script>
<script src="./lib/iscroll/iscroll.js"></script>
<script src="./lib/arttemplate/template-web.js"></script>
<script src="./js/brand.js"></script>
<script src="./js/common.js"></script>

</html>